//使用vue进行服务器端渲染的版本
//引入vue
const Vue = require('vue');
const express = require('express');
//引入vue渲染器
const renderer = require('vue-server-renderer').createRenderer();
let server = express();
server.get("*",(req,res)=>{
    const app = new Vue({
        data:{
            url:req.url
        },
        template:`<div>访问的 URL 是： {{ url }}</div>`
    })
    renderer.renderToString(app,(err,html)=>{
        if(err){
            res.status(500).end('Internal Server Error');
            return;      
        }
        res.end(`
        <!DOCTYPE html>
        <html lang="en">
          <head><title>Hello</title>
          <meta charset="utf-8"/></head>
          <body>${html}</body>
        </html>
      `)
    })
})
server.listen(8080,()=>{
    console.log(`开始监听8080......`);
});